<template>
	<div class="base-text" :style="{
    ...styles,
    fontSize: styles.fontSize + 'px'
  }">{{ attrs.value }}</div>
</template>
<script setup>
const props = defineProps({
  attrs: {
    type: Object,
    default: () => {},
  },
  styles: {
    type: Object,
    default: () => {},
  },
})
</script>
<style lang="scss" scoped>
.base-text {
  height: 100%;
  width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
</style>
